import { Box, Text } from 'ink'
import React from 'react'
import { getTheme } from '../utils/theme'

export function AsciiLogo(): React.ReactNode {
  const theme = getTheme()
  return (
    <Box flexDirection="column" alignItems="flex-start">
      <Text color={theme.claude}>
        {`.....................:=*+=-::...................................................
...............:##+-:........::+-...............................................
..............#:................*:..............................................
............:%:...............#@**.............:#::@:#::#---::::................
...........+=#:.++...........#-=-:%..........*+---==%:*..#......:=+%%=:.........
........:*++:..-%@%.==---#:#-*::..-=........%:...:-##:-+.:@-%:............:-+#%#
......+#:..........=%*%@@@@@@@@#@.:#......:*.....::+*..#=::%@#..:#:@:...@%=:....
....*=...-:+=.......:#-.:-+@%#=:*+=+.....-=....#+*:=-#-..*@@@#.-*..:+..-+*:..:-#
..:@.....-...#=......--....%%%=+:%:=.....#....==..*@%#*#@@@@@-=+..-@@..*::@@@@@-
..:=.....*.....=#:...:-........=-:%.....-*....*:...@:.=@@@@*:==.:@@@@-.*.=@@@@%.
..-:.............-#:.::.........*-......=-....#:..:+..........:-=+*%@#=*:@@@@@+.
.=+.....::..........%#:......-@:........*.....*.....%::=%@%+-:.............+@@+.
++....:#:............-:...=:............*....-=......-#-:......::=**##*-::......
:...:++...............+-...#@#=====--:.:#....*............:=%%*=-:...........:+*
.....................................::%:...*-.....................:-+#%%*-::...
...............:=-.-=::..............=+....=-..................................:
.................................::*#:...:#:....................................
................................................................................`}
      </Text>
    </Box>
  )
}
